<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>   
<%@ page buffer="none" %>    
<%@ page import="java.net.*" %>    
<%@ page import="java.util.Date" %>    
<%@ page import="java.io.*" %>   
<%    
   // String query = request.getParameter("query");    
String query ="인천광역시남구 주안 3동";
    if (query == null) query="";      
    query = query.replaceAll(" ", "");    
    int c;    
    query  = new String(query.getBytes("utf-8"),"EUC-KR");       
    URL mapXmlUrl = new URL("http://map.naver.com/api/geocode.php?key=7f515c767b2d31063b747392d101657c&query="+query );   
    URLConnection mapCon = mapXmlUrl.openConnection();    
    int len = mapCon.getContentLength();    
    String inputSt = "";    
       
    if (len > 0)    
    {    
        InputStream input = mapCon.getInputStream();    
        InputStreamReader inputst = new InputStreamReader(input, "euc-kr");    
         
        int i = len;    
        while (((c = inputst.read()) != -1) && (--i > 0)){    
            inputSt = inputSt + (char)c;    
        }    
        input.close();    
    }   
    int pre_len = 0 ;           
    String x1 = "";    
    String y1 = "";    
       
    while( inputSt.indexOf("</item>") > -1 ){    
        int first = 1;    
        x1 = inputSt.substring( inputSt.indexOf("<x>")+3, inputSt.indexOf("</x>") ) ;    
        y1 = inputSt.substring( inputSt.indexOf("<y>")+3, inputSt.indexOf("</y>") ) ;    
        inputSt = inputSt.substring( inputSt.indexOf("</item>")+7, inputSt.length() ) ;    
           
        if ( pre_len == inputSt.length())    
            break;    
        pre_len=inputSt.length();    
        int lent = inputSt.length();    
          
    }   
       
    out.println("x1:"+x1+" , "+"y1:"+y1);   
       
%>    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   
<HTML>   
<HEAD>   
<TITLE> Sample 01 </TITLE>   
</HEAD>   
<BODY>   
<table border="1">
<tr>
 <td height="400" width="804">
 
 <DIV id="mapContainer" style="background-color: #142323; width:400px; height:400px;">
 
 <script type="text/JavaScript" src="http://maps.naver.com/js/naverMap.naver?key=7f515c767b2d31063b747392d101657c"></script>
 <script type="text/javascript">
  var opts = {width:440, height:405, mapMode:0};         // 위성 & 지도 생성 (지도보기 0, 겹쳐보기 1, 위성보기 2)
  // mapMode 
  var mapObj = new NMap(document.getElementById('mapContainer'),opts);   // 위성 & 지도 생성
 
  //var mapObj = new NMap(document.getElementById('mapContainer'),500,460);  // 기본 지도 생성
  mapObj.setCenterAndZoom(new NPoint(<%=x1%>, <%=y1%>), 0);       // 지도 축척 수준
  // 9가 지도 축적 수준
  // new NPoint(344993, 416824)  가 처음 보여질 화면
  // 301819, 546463 를 회사의 좌표
  
  mapObj.zoomOut();
 
  // 확대, 축소를 위한 컨트롤
  var zoom = new NZoomControl();             
  zoom.setAlign("right");
  zoom.setValign("bottom");
  mapObj.addControl(zoom);
 
  // 위성 겹쳐보기 컨트롤
  var mapBtns = new NMapBtns();             
  mapObj.addControl(mapBtns);
    
     // 마커창 추가 (마커)
     var iconUrl = 'http://www.geo-young.com/images/com_ci_img02.gif';
  // iconUrl 은 회사를 표시하는 부분입니다.
 
  
     var icon = new NIcon(iconUrl, new NSize(34, 32));
  
     var new1 = new NMark(new NPoint(<%=x1%>, <%=y1%>), icon);
     // 측정 포인트에 마커를 추가
     
     mapObj.addOverlay(new1);
      
     var infowin3 = new NInfoWindow();
     infowin3.setOpacity(0.5);               // 투명도
     infowin3.set(new NPoint(<%=x1%>, <%=y1%>), "<table width='130' border='0' cellpadding='0' cellspacing='0' bgcolor='#00ff71'><tr><td><center><img id='img1' width='14' height='14' src=''>&nbsp;&nbsp;<font color='red'><b>회사이름</b></font><center></td></tr></table>");
  // new NPoint(301819, 546463) 의 포인트에 HTML 를 삽입
  
     mapObj.addOverlay(infowin3);
     infowin3.showWindow();
 
 </script>
</DIV>

    </table>



 <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
		<title>OpenAPI Map Test - 마커, InfoWindow 테스트</title>
		<!-- prevent IE6 flickering -->
		<script type="text/javascript">
			try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {}
		</script>
 
<script type="text/javascript" src="http://openapi.map.naver.com/openapi/naverMap.naver?ver=2.0&key=f32441ebcd3cc9de474f8081df1e54e3"></script>
 <body>
 <div id = "testMap" style="border:1px solid #000; width:500px; height:400px; margin:20px;"></div>
 
 <script type="text/javascript"> 
			var oCenterPoint = new nhn.api.map.LatLng(37.5010226, 127.0396037);
			nhn.api.map.setDefaultPoint('LatLng');
			oMap = new nhn.api.map.Map('testMap', {
						point : oCenterPoint,
						zoom : 10, // - 초기 줌 레벨은 10으로 둔다.
						enableWheelZoom : false,
						enableDragPan : true,
						enableDblClickZoom : false,
						mapMode : 0,
						activateTrafficMap : false,
						activateBicycleMap : false,
						minMaxLevel : [ 5, 12 ],
						size : new nhn.api.map.Size(500, 400)
			});
			
			var oSize = new nhn.api.map.Size(28, 37);
			var oOffset = new nhn.api.map.Size(14, 37);
			var oIcon = new nhn.api.map.Icon('http://static.naver.com/maps2/icons/pin_spot2.png', oSize, oOffset);
			
			var oLabel = new nhn.api.map.MarkerLabel(); // - 마커 라벨 선언.
			oMap.addOverlay(oLabel); // - 마커 라벨 지도에 추가. 기본은 라벨이 보이지 않는 상태로 추가됨.
 			
			oMap.attach('mouseenter', function(oCustomEvent) {
				var oTarget = oCustomEvent.target;
				// 마커위에 마우스 올라간거면
				if (oTarget instanceof nhn.api.map.Marker) {
					var oMarker = oTarget;
					oLabel.setVisible(true, oMarker); // - 특정 마커를 지정하여 해당 마커의 title을 보여준다.
				}
			});
	
			oMap.attach('mouseleave', function(oCustomEvent) {
				var oTarget = oCustomEvent.target;
				// 마커위에서 마우스 나간거면
				if (oTarget instanceof nhn.api.map.Marker) {
					oLabel.setVisible(false);
				}
			});
	
			
			/*
			 * 샘플 좌표 사용 시
 			 */
			var oPoint = new nhn.api.map.LatLng(37.5010226, 127.035);
			var marker = new nhn.api.map.Marker(oIcon, { title : '마커 : ' + oPoint.toString() });
			marker.setPoint(oPoint);
			oMap.addOverlay(marker);
			
						
			/*
			 * 초기 중심좌표 사용 시
			
			var marker = new nhn.api.map.Marker(oIcon, { title : '마커 : ' + oCenterPoint.toString() });
			marker.setPoint(oCenterPoint);
			oMap.addOverlay(marker);
			 */
			
			
</script>
</body>
</html>

